<html>
  <head>
    <title>yub.js | web command-line</title>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <meta name=viewport content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" href="favicon.ico?v=2">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
    <link rel="search" type="application/opensearchdescription+xml" title="yub.js" href="xml"/>

    <link id="stylesheet" rel="stylesheet" href="css/default.css">
    <script src="mods.js"></script>

    <script type="text/javascript">
      window.onload = function() { document.getElementById('yub').focus(); } 

      var modson = "on";

      if (typeof(mods) == 'undefined') {
        modson = "off";
      }

<%=$engines%>

<%=$tips%>

<%=$commands%>

<%=$functions%>

    </script>
  </head>
  <body onload="var geturl = location.href; if (/\?/.test(geturl) == true) { var args = /\?(.*)/.exec(geturl)[1]; args=/\+/.test(args)?args.replace(/\+/g,' ').replace(/\s+$/,''):args; yubSearch(decodeURIComponent(args)); finished = 'done';}">
    <center>
    <div id="ybox">
      <h2>yub.js</h2>
      <h3>web command-line</h3>
        <form>
            <input class="inputbox" type="text" value="" autofocus="autofocus" autocomplete="off" id="yub">
            <input class="button" type="submit" value="yub!" onclick="return yubSearch(document.getElementById('yub').value)">
            <div class="grey"><p class='small'>type 'list' to see all available search shortcuts, or 'tips' for more commands</p></div>
        </form>
    </div>
    <div id="output">&nbsp;</div>
    </center>

    <div id="create" style="display:none;">
    <center>
      <h4>Create a new yub command!</h4>
        <table>
          <tr><td>Shortcut Name:</td><td><input type="text" id="scname" size="50" placeholder="Enter the command name here"></td></tr>
          <tr><td>Search Address:</td><td><input type="text" id="saddr" size="50" placeholder="Enter search URL with search term replaced by %s"></td></tr>
          <tr><td>Default URL:</td><td><input type="text" id="defurl" size="50" placeholder="Enter the address to go to if search term is blank"></td></tr>
          <tr><td>Description:</td><td><input type="text" id="descr" size="50" placeholder="Enter a description or site title"></td></tr>
        </table><br>
      <input id="createcomm" type="button" class="button" value="Create New Command!" accesskey='c' onclick='createYub();'>
    </center>
    </div>

    <div id="container" style="margin: 0 auto; width: 300px; padding: 20px;">
    <div id="timer" style="display:none; position:absolute;">
      <span style="font-size:small; float:right; cursor:pointer;" onclick='clearTimer();' title="click to close">x</span><br>
      <center>
        <span id="hour">00</span>:<span id="min">00</span>:<span id="sec">00</span><br><br>
        <input type="button" class="button" id="start" onClick="stopWatch()" accesskey='s' title="Shift+Alt+S" value="Start">
        <input type="button" class="button" id="pause" onClick="pause()" accesskey='p' title="Shift+Alt+P" value="Pause">
        <input type="button" class="button" id="play" onClick="play()" accesskey='o' title="Shift+Alt+O" value="Continue">
        <input type="button" class="button" id="reset" onClick="reset()" accesskey='r' title="Shift+Alt+R" value="Reset">
      </center>
    </div>
    </div>

  </body>
</html>
